<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>sign in page</title>
    <style>
        .form {
            width: 500px;
            height: 300px;
            border: 2px solid grey;
            text-align: center;
            margin: 0 auto;
            background-image: url("雪山.jpg");
            background-repeat: no-repeat;
            background-size: 100%;

        }

        .div2, .div3, .signin-btn {
            margin: 20px;
            text-align: center;
        }

        .div1 {
            text-align: right;
        }
    </style>
</head>
<body>
<form action="">
    <div class="form">
        <div class="div1">
            <a href="signups.html">没有账号？点击注册</a>
        </div>
        <div class="div2">
            <label for="">账号</label>
            <input type="text" placeholder="手机，邮箱">
        </div>
        <div class="div3">
            <label for="">密码</label>
            <input type="password" placeholder="输入密码">
        </div>
        <div class="signin-btn">
            <button type="submit">登陆</button>
        </div>

    </div>
</form>

</body>
</html>